*{ margin:0; padding:0;}
body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
q:before,q:after{content:'';}
a:focus,input,textarea{outline-style:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
legend{color:#000;}
abbr,acronym{border:0;font-variant:normal;}
a{color:black;text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}
.none{display:none}
.maxwrap {
  width: 980px;
  margin: 5px auto 0 auto;
}
a>i{
  color:#e62979;
}
//头部样式
.topw{
  width: 100%;
  height: 116px;
  .top{
    width: 980px;
    height: 116px;
    margin: 0 auto;
    position:relative;
    .logo{
      float:left;
      height: 60px;
      width: 250px;
      img{
        height: 60px;
        width: 250px;
      }
    }
    .logolist .logolist-logo img:hover{
      width: 99px;
      height: 44px;

    }
  }

}
.head{
  height:60px;
  .loginw{
    position:relative;
    .trustlogos{
      z-index:999;
      display:none;
      width: 180px;
      position:absolute;
      top:35px;
      left:20px;
      border:2px solid #badbf2;
      background: white;
      h5{
        font-weight: normal;
        margin:0 5px 10px 5px;
        padding:0;
        line-height: 22px;
        border-bottom: 1px solid #e2e2e2;
      }
      ul li{
        float:left;
        padding-top: 0;
      }
    }
  }
  >div{float:right;
    line-height:60px;
    text-aline:center;
    font-size: 12px;
    .simple-loginw{
      background: url("../../images/img1/thridparty1.gif"
      ) no-repeat 6px 0;
    }
    a{
      padding:0 4px;
      height:60px;
    }
    a:hover{
      color:orangered;
    }
  }

  .tel img{
    padding-top: 17.5px;
  }
}
.logolist {
  ul {
    height: 45px;
    position: absolute;
    bottom: 0px;
    right: 0;
  }
}
//头部样式
//导航
.menuw{
  height:33px;
  width: 100%;
  background: url("../../images/img1/max_03.gif");

  .menuin{
    width: 980px;
    height: 33px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    position:relative;
    font-family: microsoft yahei;
    li{
      float:left;


      a{
        display:block;
        line-height: 30px;
        padding: 0 20px;
        color:white;
      }
      a:hover,a.current{
        background: url("../../images/img1/max_04.gif") right 0 repeat;
        color:#e62979;
      }
    }
    .classmenu{
      float:right;
      font-family: inherit;
      font-size:14px;
      font-weight: bold;
      background:url("../../images/img1/hot.gif")right 10px no-repeat;
      color: #f28fae;
      padding-right:15px;
      a{
        color:white;
        padding:0 7px;
      }
      a:hover{
        color:yellow;
      }
    }
  }
}
//搜索栏
.searchw{
  height: 27px;
  padding-top:2px;
  overflow:hidden;
  .searchbox{
    float:left;
    border:none;
    height:20px;
    .inputstyle{
      height: 17px;
      width: 156px;
      border:1px solid #818181;
      line-height: 15px;
    }
    .searchbtn{
      width: 48px;
      height: 19px;
      margin:0 3px;
      cursor:pointer;
      border: none;
      background: url("../../images/img1/maxsearchbtn.gif") no-repeat left top;
    }
  }
  .hotwords{
    float:left;
    width: 500px;
    overflow: hidden;
    line-height: 26px;
    color:#666;
    padding-left: 25px;
    font-size: 12px;
    a{
      font-size: 12px;
      color:#575757;
      padding:0 6px;
    }
    a:hover{
      color:orangered;
    }
  }
  .cart{
    width: 215px;
    height: 25px;
    overflow: hidden;
    float:right;
    background: url("../../images/img1/maxcar.gif")no-repeat;
    margin-top: 3px;
    a{
      line-height: 23px;
      padding-left: 30px;
      display: block;
      color: #787878;
      overflow: hidden;
      font-size: 12px;
      .cartnum{
        color:#e62979;
      }
    }
  }
}
//body中间部分
#body{
  overflow: hidden;
  //当前位置
#location{
  height: 30px;
  line-height:30px;
  color:#333;
  overflow: hidden;
  a{
    padding:0 10px;
  }
}
  //左侧边栏
  #wrapleft{
    float:left;
    width: 180px;
    padding:0px 0 5px 0;
    span a:hover{
      color:#e62979;
    }
    .sidebar-top{
      height:22px;
      background: url("../../images/img1/maxt_04.gif");
      h3{
        line-height: 22px;
        margin:0 0 5px 5px ;
        color:white;
        font-size: 13px;
        font-weight: normal;
      }
    }
    .sidebar1{
      overflow: hidden;
      width:100%;
      border:1px solid #D5D5D5;
li{
  padding-top:8px;
  h4{
    padding:10px 5px;
    border-bottom:1px dashed #D5D5D5;
  }
  padding:5px;
  overflow: hidden;

  span{
    display:inline-block;
    float:left;
    text-align: left;
    width: 85px;
    margin-top:5px;
    a{
      line-height:20px;
      padding:0 5px;
    }
  }
}
    }
    .sidebar2{
      margin:10px 0;
      border:1px solid #D5D5D5;

      .sidebar2-list{
        li{
          line-height: 20px;
          margin: 10px 0;
          text-align: center;
          img{
            width: 120px;
            height: 120px;
          }
        }
      }
    }
    .sidebar3{
      border:1px solid #D5D5D5;
      .sidebar3-list{
        width: 100%;
        li{
          overflow: hidden;
          margin:8px 0;
          border-bottom:2px solid #D5D5D5 ;
          .hot-img{
            width: 55px;
            height: 67px;
            float:left;
            margin: 10px 0 10px 5px;
            img{
              width: 55px;
              height: 67px;
            }
          }
          .hot-detail{
            width:100px;
            float:right;
            margin: 10px 5px 10px 0;
          }
        }
      }
      .sidebar3-bot{
        text-align: right;
        padding:0 5px 10px 0 ;
        a{
          padding:0 5px;
          text-decoration: underline;
        }
      }
    }
  }
  //右边内容
  #wrapright{
    width:780px;
    padding-left:20px;
    float:left;
    overflow: hidden;
    #price{
      width: 100%;
      verflow: hidden;
    .price-img{
      float:left;
      width: 300px;
      height: 383px;
      position: relative;
      .price-img-small{
        text-align: center;
        margin-top:15px;
        a{
          display: inline-block;
          width: 60px;
          height: 60px;
          img{
            width: 59px;
            height: 59px;
            border:1px solid white;
          }
        }
      }
      a.activeImg{
        border:solid 2px orange;
      }
      .middle-img{
        position: relative;
        overflow: hidden;
        height: 300px;
        width: 300px;
        border:1px solid #bdc5cb;
        #middle-imgArea{
          opacity:0.4;
          display:none;
          width: 100px;
          height: 100px;
          background: #D5D5D5;
          z-index:5;
        position: absolute;
          top:0;
          left: 0;
        }
      }
      #bigArea{
        display: none;
        height: 300px;
        width: 300px;
        position:absolute;
        overflow: hidden;
        border:1px solid #bdc5cb;
        left: 310px;
        top: 60px;
        z-index: 99;
        #big-Img{
          position: absolute;
          left: 0;
          top: 0;
          width: 900px;
          height: 900px;
        }
      }
    }
     .price-detail{
       padding:10px 0 10px 15px;
        width: 460px;
        float:left;
       line-height: 20px;
       li span{
         padding-right: 10px;
       }
       .price-detail-title{
         font-size:15px;
         font-weight: bold;
         height:40px;
         line-height: 20px;
         border-bottom: 2px dashed #d6d6d6;
       }
       .price-detail-part1{
         height: 200px;
         width: 100%;
         border-bottom:1px dashed #d6d6d6 ;
         li{
           width:50%;
           float:left;
           margin:5px 0;
         }
       }
       .price-detail-part2{
         margin:10px 0;
         li{
        border-bottom:1px dashed #d6d6d6 ;
        padding:3px 0 3px 15px;
          font-size:14px;
           background: url("../../images/img1/ra.gif") no-repeat 3px center;
           i{
             color:deeppink;
             font-size: 18px;
             font-weight: bold;
           }
         }
       }
       .price-detail-part3{
         border:1px solid #d6d6d6 ;
         padding: 10px;
         position:relative;
         li{
           margin:0px 0 8px 0;
         }
         .more{
          position:absolute;
           top:10px;
           right:10px;
           color:#e62979;
         }
         a{position:relative;
         }
         li.current{
           display:block;
         }
        .choose{
          display:none;
          i{
            font-weight: bold;
          }
        }
         .color{
           overflow: hidden;
           height: 34px;
        span{
          margin-top: 8px;
          float: left;
            }
           a{
             cursor:pointer;
             float: left;
             position: relative;
             img{
               width: 34px;
               height: 34px;
               margin:5px;
             }
             i.checked{
               height: 15px;
               width: 15px;
               position:absolute;
               bottom: 12px;
               right: 2px;
               z-index:999;
              background: url("../../images/item_sel.gif") no-repeat;
             }
           }

         }
         .size{
           a .size-checked{
             height: 15px;
             width: 15px;
             position:absolute;
             bottom: 0px;
             right: 0px;
             z-index:999;
             background: url("../../images/item_sel.gif") no-repeat;
           }
           a{
             display:inline-block;
             width: 26px;
             height: 21px;
             margin:5px;
             text-align: center;
             background: url("../../images/goodspecbg.gif");
             cursor:pointer;
           }
         }
         .number{
           overflow: hidden;
           span{
             float:left;
           }
           .number-input{
             width:20px;
             float:left;
           }
           a{
             display:inline-block;
             width: 18px;
             height: 20px;
             margin:0 5px;
             float:left;
             overflow: hidden;
             span{
               display:inline-block;
               width: 18px;
               height: 10px;
               padding:0;
               cursor:pointer;
             }
             .buttom-top {
               background: url("../../images/img1/numadjust.gif") no-repeat 0 0;
             }
             .buttom-bot{
               background: url("../../images/img1/numadjust.gif") no-repeat 0 -10px;
             }
           }
         }
         .twobutton{
           text-align: center;
           border-top:1px dashed #D5D5D5;
           overflow: hidden;
           input{
             width: 117px;
             height: 32px;
             margin: 20px 5px;
             float:left;
           }
           .collect{
             float:right;
             margin: 20px 5px;
             padding:0 0 0 18px;
             background: url("../../images/img1/btn_ginfo_links.gif") no-repeat;
             a:hover{color: #e62979;}
           }
           div.currentclick{
             background: url("../../images/img1/btn_ginfo_links.gif") no-repeat 0 -18px;
           }
           .tobuy{
             background: url("../../images/img1/btn-fastbuy.gif");
           }
           .tocart{
             background: url("../../images/img1/btn-buy.gif");
           }
         }
       }
      }
    }
    #main{
      width: 100%;
      overflow: hidden;
      margin-top:20px;
      //模特展示表头
      .main-top{
        margin-top:20px;
        height:50px;
        overflow: hidden;
        border-bottom:1px solid #787878;
      div{
        margin:24px 10px 0 0;
        width: 91px;
        height: 50px;
        float:left;
        text-align: center;
        line-height: 25px;
        background: url("../../images/tabs_common.gif") left bottom;
      }
        .active{
          width: 117px;
          position:relative;
          top:-10px;
          background: white url("../../images/tabs_on.gif");
          font-weight:bold;
          line-height:36px;
  }
}
      //模特展示第一部分
      .main-content{

        width: 100%;
        .content {
          width: 100%;

          .show1{
            overflow: hidden;
            background: url("../../images/mb_02.jpg") no-repeat;
            .show1-img1{
              margin:8px 0 0 20px;
              float:left;
            }
            .information{
              width: 220px;
              height: 242px;
              float:left;

              ul{
                padding: 35px 0 0px 40px;
                li{
                height: 20px;
                line-height: 20px;
                  span{
                    margin-right:10px;
                  }
                }
              }

            }
            .show1-img2{
              float:left;
              width: 260px;
              height: 270px;
              text-align: center;

            img{
              margin-top: 40px;
              width: 183px;
              height: 263px;
            }


            }
            .show1-bot{
              width: 100%;
              overflow: hidden;
              li{
                font-size:14px;
                width: 350px;
                display: inline-block;
                margin:20px 0;
                border-bottom: 2px dotted #787878;
                padding: 5px 0 5px 20px;
                background: url("../../images/mb_05.jpg") no-repeat;
              }
            }
            }
          }
        //尺码表
        .size-list{
          margin-left:20px;
          div{
            table{
              text-align: center;
              margin:10px 0;
            tr{
              padding:3px 0;
              border-bottom: 2px dashed #787878;
              td{
                width: 18px;
                height: 25px;
                padding:3px;
              }

            }


            }
            .text{
              text-indent: 2em;
              line-height:20px;
              color:#e62979;
              font-size: 14px;
            }
          }
        }

        }
      .consult{
        display: none;
        background: #f6f6f6;
        margin:10px 0;
        border:1px solid #D5D5D5;
        padding:10px;
        .consult-top{
          width:100%;
         h3{
            background:#ECF2F5;
           padding:7px;
           border:1px solid #C7DBE5;
           margin:7px 0;
          }
          p{
            line-height: 27px;margin: 7px 0;
            input{
              border:none;
            }
          }
        }
        .consult-text{
          padding:7px 0;
          background-color: white;
          th{
            width: 120px;
           font-size:14px;
            font-weight: normal;padding-left: 5px;
            vertical-align: top;
            color:#777;
            text-align: right;
            padding:5px;
            i{
              color:#F60;
              margin:0 2px;
            }
          }
        .contact {
          border: 1px solid #ccc;
          padding: 3px 5px;
          border-top-color: #777;
          border-left-color: #777;
        }
        }
        }
      .comment{
        display: none;
        background: #f6f6f6;
        margin:10px 0;
        border:1px solid #D5D5D5;
        padding:10px;
        .comment-top{
          h4{
            background:#ECF2F5;
            padding:7px;
            border:1px solid #C7DBE5;
            margin:7px 0;
          }
          p {
            line-height: 27px;
            margin: 7px 0;
          }
        }
        .comment-text{
          text-align: center;
          .button{
            border:none;
            width: 78px;
            height: 30px;
            background:url("../../images/btn-discuss.gif")
          }
        }
      }
      }
      }

        }
//在线客服
#onlinechat {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: 999;
  .chathidden {
    width: 26px;
    height: 136px;
    background: url("../../images/img1/siderim_hiddenbar.gif");
  }
  .chatmain {
    display: none;
    width: 170px;
    margin: 0 10px;
    .top {
      background: url("../../images/img1/siderim_title.gif");
      height: 34px;
    }
    .infobox {
      background: #bdc5cb url("../../images/img1/siderim_infobox.gif") no-repeat;
      padding: 5px;
      line-height: 14px;
      font-weight: 700;
    }
    .bg {
      background: url("../../images/img1/siderim_bg.gif");
      padding: 5px;
      li a img {
        margin: 3px 0;
      }
      .closechat {
        margin-top: 10px;
        .link {
          text-decoration: underline;
          cursor: pointer;
          color: red;
        }
      }
    }
    .bottom {
      background: url("../../images/img1/siderim_bottom.gif");
      height: 9px;
      overflow: hidden;
    }
  }
}
//回到顶部
#gotop{
  position:fixed;
  right: 10px;
  bottom: 50px;
  width: 24px;
  height: 80px;
  cursor: pointer;
  z-index: 999;
  display: none;
}
//关于品牌
#about{
  overflow: hidden;
  padding-bottom: 30px;
  line-height: 20px;
  background: url("../../images/img1/aboutbg.gif")no-repeat 0 bottom;
  .about-top{
    width: 100%;
    height: 69px;
    overflow: hidden;
    background: url("../../images/img1/abouttop.gif");
    a{
      padding:5px 0 0 50px;
      float:left;
    }
  }
  .about-tips{
    width: 100%;
    overflow: hidden;
    li{
      background: url("../../images/img1/aboutinfobg.gif") no-repeat 0 bottom;
      width: 147px;
      height: 260px;
      float: left;
      margin-left: 23px;
      padding: 10px;
      span{
        color:#464646;
        line-height: 20px;
      }
    }
  }
}
//结尾第一部分
#remind{
  margin: 15px auto;
  overflow: hidden;
  background: url("../../images/img1/maxfootbg.gif");
  background-size: contain;
  line-height: 29px;
  li{
    float:left;
    width: 20%;
    height: 200px;
    border-right:1px dashed #ccc;
    box-sizing: border-box;

    .inner{
      text-align: left;
      margin:10px 50px;
      a:hover{
        color:#e62979;
      }
    }
  }
  .last{
    border:none;
  }
}
//结尾啦
#bot{
  .bot-top{
    border:1px solid #ccc;
    width: 100%;
    padding:0 5px 0 5px;
    margin:10px auto 10px auto;
    height: 29px ;
    line-height:29px;
    text-align: left;
    span{
      font-weight: bold;
    }
    a{
      padding:0 5px;
    }
    a:hover{
      color:#e62979;
    }
  }
  .bot-mid{
    height:30px;
    text-align: center;
    span{
      line-height: 30px;
      padding:0 20px;
    }
  }
  .bot-bot{
    margin:10px auto;
    text-align: center;
    p{
      height: 30px;
    }
  }
}